{% load staticfiles %}
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <meta name="baidu-site-verification" content="f0Ynh49k75" />
    {% block metamessage %}
        <meta name="description" content="x-cherry是由无良小万创建的个人网站，实现一些有趣的小功能。网页整体功能将随着不断的学习进步不断完善成期待的样子"/>
        <meta name="keywords" content="无良小万,车牌识别,个人网站,个人建站,网络小说"/>
        <meta name="author" content="无良小万">
    {% endblock %}
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?b976a61b7c00952b9c0bb980eee2eab7";
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- 网页标题图标 -->
    <link rel="apple-touch-icon" href="{% static 'imgs/favicon.jpg' %}">
    <link rel="icon" href="{% static 'imgs/favicon.jpg' %}"> 
    {% block basestyle %}
    <style type="text/css">

        body {
            padding: 65px 30px;
        }
        .container{
            width: 90%;
            vertical-align: center;
        }
        .overLoading {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #f5f5f5;
            opacity:0.5;
            z-index: 1000;
        }
        .layoutLoading {
            display: none;
            position: absolute;
            z-index: 1001;
            text-align:center;
        }
    </style>
    {% endblock %}

    {% block topscript %}
    {% endblock %}

    {% block style %}
    {% endblock %}
    <title>{% block title %}每天都有新内容{% endblock %}</title>
</head>

<body ondragstart="return false">
    <div>
        {% include 'nav.html' %}
        {% block content %}
            <h3>this is the part of content</h3>
        {% endblock %}
    </div>
    <div style="position: absolute; bottom: 0; color: white; text-align: center;width: 100%">互联网ICP备案 <a href="http://www.miitbeian.gov.cn">苏ICP备18035382号-1</a></div>
    <div id="over" class="overLoading"></div>
    <div id="layout" class="layoutLoading"><img src="{% static 'imgs/load/loading1.gif' %}"></div>

     <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
     <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
     <script type="text/javascript" src="{% static 'js/base.js' %}"></script>
    {% block footerscript %} {% endblock %}
</body>

</html>